/*
 * @Description: 卡审核中模块
 * @Author: yingying.fan
 * @Date: 2019-03-29 10:30:47
 * @Last Modified by: yingying.fan
 * @Last Modified time: 2019-03-29 10:55:51
 */
<template>
  <div class="card-module-wrapper">
    <div class="reviewing-desc-wrapper">
      <img src="../../assets/reviewing.png">
      <p>{{cardInfo.name}}审核中…</p>
    </div>
    <button
      class="baseBgColorWithActive card-module-big-button"
      @click="cancelOpenCard"
    >取消开通</button>
  </div>
</template>

<script>
import BaseCardModule from './BaseCardModule'
import { cancelCardApply } from '../../api/api.js'
export default {
  name: 'CardReviewingModule',
  extends: BaseCardModule,
  components: {

  },
  data() {
    return {
    }
  },
  methods: {
    cancelOpenCard() {
      this.$ConfirmBox.show({
        title: '提示',
        message: '取消申请，将清除您所填写的信息',
        confirmText: '继续申请',
        cancelText: '立即取消'
      }).then(() => {
      }).catch(() => {
        // TODO: 立即取消，发送取消的协议，取消成功后的操作待定
        console.log('失败')
        cancelCardApply().then(() => {
          this.$toastMsg('取消成功')
        }).catch(() => {

        })
      })
    }
  }
}
</script>

<style>
.reviewing-desc-wrapper {
  position: relative;
  height: 400px;
  margin: 140px auto 150px auto;
}
.reviewing-desc-wrapper > img {
  width: 400px;
  height: 400px;
}
.reviewing-desc-wrapper > p {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 16px;
  color: #648df6;
  font-size: 36px; /*px*/
}
</style>
